<template>
  <div>
    <el-container>
      <Header></Header>
      <el-container class="center-container">
        <Aside></Aside>
        <el-main>
          <router-view />
          <!-- <MainRecom></MainRecom> -->
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import Header from "./HeaderView.vue";
import Aside from "./AsideView.vue";
import MainRecom from "../components/MainRecom.vue";
export default {
  name: "Home",
  components: {
    Header,
    Aside,
    MainRecom,
  },
};
</script>

<style scoped lang="less">
.center-container {
  margin: 60px 100px;
  min-width: 1200px;
}
</style>>
